<template>
    <button class="myBtn" :disabled="disabled">{{text}}</button>
</template>

<script>
export default {
    props:{
        disabled:{
            type:Boolean,
            default:()=>false
        },
        text:{
            type:String,
            default:''
        }
    },
    methods:{
        
    }
}
</script>

<style lang="scss" scoped>
    .myBtn{
        display: block;
        height: 80px;
        line-height: 80px;
        width: 100%;
        border: 0;
        background: #e3af2f;
        color: #fff;
        font-size: 30px;
        text-align: center;
        border-radius: 40px;
        &:active,&:hover{
            background: #e9bd50;
        }
        &:disabled{
            background: #f2f2f2;
            color: #999999;
        }
    }
</style>